<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <script type="text/javascript" th:src="@{/jquery-1.12.3.min.js}"></script>
    <script type="text/javascript" th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
    <link type="text/css" rel="stylesheet" th:href="@{/bootstrap/css/bootstrap-theme.min.css}"/>
    <link type="text/css" rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.css}"/>
</head>
<body>
<form th:action="@{/test/page}" th:method="get">
    <div class="form-group">
        <input style="display: none" type="text" id="pageNumber" value="1"/>
        <input style="display: none" type="text" id="pageSize" value="10"/>
        <label class="col-sm-2 control-label" >name</label>
        <div class="col-sm-4">
            <input type="text" class="form-control" id="name" placeholder="请输入名称" name="name"/>
        </div>
        <label class="col-sm-2 control-label">age</label>
        <div class="col-sm-4">
            <input type="text" class="form-control" id="age" placeholder="请输年龄" name="age"/>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-4">
            <button class="btn btn-default" type="submit" placeholder="查询">查询</button>
        </div>
    </div>

</form>
<table class="table table-hover">
    <thead>
    <tr>
        <th>ID</th>
        <th>name</th>
        <th>age</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="obj : ${datas.result}">
        <td th:text="${obj.id}"></td>
        <td th:text="${obj.name}"></td>
        <td th:text="${obj.age}"></td>
    </tr>
    </tbody>
</table>
<!--<div th:include="page :: pager" th:remove="tag"></div>-->
</body>
</html>